/*
* @Date: 2017-12-15
* @by: chenxiaomian
*/
body{overflow-x: hidden;font-size: 0.28rem;}
.bg-f5f4f2{background: #f5f4f2 !important;}
.bg-5cd6cc{background: #5cd6cc !important;}
.bg-ff6565{background: #ff6565 !important;}
.bg-fff{background: #fff !important;}
.price{color: #ee0011 !important;}
.fl{float: left;}
.fr{float: right;}
.clearfix{clear: both;content: '';*zoom:1;}
.clearfix:after,.clearfix:before{display: table;content: "";line-height: 0;}
.clearfix:after{clear:both;}

.sp-header{width: 100%;height: 0.8rem;background: #fff;position: relative;}
.sp-header::after{content: '';width: 200%;height: 200%;position: absolute;top:0;left:0;border-bottom: 1px solid #e8e6e6;-webkit-transform: scale(0.5,0.5);-moz-transform: scale(0.5,0.5);-ms-transform: scale(0.5,0.5);-o-transform: scale(0.5,0.5);transform: scale(0.5,0.5);-webkit-transform-origin: top left;z-index: 1;}
.sp-header h1{font-size: 0.36rem;color: #222;text-align: center;line-height: 0.8rem;font-weight: normal;}
.sp-header>a{display: block;}
.sp-icon-back{display: block;width:0.24rem;height: 0.48rem;position: absolute;left:0.3rem;top:0.16rem;background: url(../../images/wap/special/icon_fanhui.png) no-repeat center;background-size: 100% auto;z-index: 100;}

.sp-category{padding-top: 4.3rem;background: url(../../images/wap/special/banner.jpg) no-repeat center top;background-size: 100% auto;position: relative;width: 100%;height: 2.26rem;}

.spc-wrap{background: #fff;height: 2.26rem;width: 100%;position:absolute;top:4.3rem;left:0;-webkit-border-radius: 0.2rem;border-radius: 0.2rem;    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;}
.spc-ctrl{display: block;width:0.42rem;height:100%;position: absolute;top:0;}
.spc-ctrl.spc-prev{background: url(../../images/wap/special/sanjiao_zuo.png) no-repeat center right;background-size: auto 0.4rem;left:0;}
.spc-ctrl.spc-next{background: url(../../images/wap/special/sanjiao_you.png) no-repeat center left;background-size: auto 0.4rem;right:0;}
.spc-box{width: 86%;margin:0 auto;height: 100%;position: relative;overflow: hidden;}
.spc-box ul{padding-top:0.2rem;overflow: hidden;height: 1.9rem;padding-left: 0.1rem;}
.spc-box li{width: 1.4rem;float: left;margin-right: 0.2rem;overflow: hidden;}
.spc-box li a{display: block;text-align: center;}
.spc-box li img{display: block;width:100%;-webkit-border-radius:100%;border-radius:100%;border:0.02rem solid #f5f2f3;box-sizing: border-box;margin-bottom: 0.1rem;}
.spc-box .title{color:#666;font-size: 0.24rem;line-height: 0.4rem;}


.sp-page-title{width: 50%;height: 0.6rem;line-height: 0.6rem;margin:0 auto;position: relative;overflow: hidden;}
.sp-page-title h2{font-size:0.28rem;color:#666;padding-left:0.6rem;text-align: center;font-weight: normal;position: relative;z-index: 10;width: 40%;left:20%;}
.sp-page-title .market{background: url(../../images/wap/special/zhuantimoban_yaocaishangcheng.png) no-repeat #f5f4f2 0.2rem center;background-size: 0.4rem auto;}
.sp-page-title .sell{background: url(../../images/wap/special/zhuantimoban_candizhixiao.png) no-repeat #f5f4f2 0.2rem center;background-size: 0.4rem auto;}
.sp-page-title::after{content: '';width: 200%;height: 100%;position: absolute;top:50%;left:0;border-top: 2px solid #eaeaea;-webkit-transform: scale(0.5,0.5);-moz-transform: scale(0.5,0.5);-ms-transform: scale(0.5,0.5);-o-transform: scale(0.5,0.5);transform: scale(0.5,0.5);-webkit-transform-origin: top left;z-index: 1;}

.sp-market-wrap{background: #fff;overflow:hidden;}
.spm-banner{width: 100%;height: 3.5rem;position:relative;}
.spm-banner .mask{position: absolute;top:0;left:0;background: rgba(0,0,0,0.3);width: 100%;height: 100%;}
.spm-info{position: relative;z-index: 10;color:#fff;padding-top: 1.2rem;padding-right: 0.2rem;}
.spm-info h3{font-size: 0.48rem;font-weight: normal;text-align: center;margin-bottom: 0.2rem;width:100%;}
.spm-info p{text-align: center;}
.spm-goods{width: 100%;height: 3.2rem;background: #fff;margin-bottom: 0.2rem;}
.spm-goods li{float:left;width: 33.33%;height: 3.2rem;box-sizing: border-box;border-right: 1px solid #f5f2f3;padding-top: 0.2rem;border-bottom: 1px solid #f5f2f3;}
.spm-goods li:nth-child(3n){border-right: 0;}
.spm-goods li a{display: block;width: 1.8rem;margin:0 auto;}
.spm-goods li a img{display: block;width: 1.8rem;height: 1.8rem;margin-bottom: 0.1rem;}
.spm-goods a p{font-size: 0.28rem;color:#222;text-align: center;line-height: 0.48rem;}
.spm-goods a .price{font-size:0.32rem;}

.sp-button-wrap{width: 100%;height: 1.6rem;padding:0.2rem 0.3rem;box-sizing: border-box;background: #fff;}
.sp-button{display: inline-block;width: 48%;}
.sp-button img{width:100%;display:block;}
.sp-button>span{color:#fff;font-size: 0.36rem;float: right;padding-top: 0.4rem;}
.sp-icon-map{display: block;float:left;width: 0.8rem;height: 1.2rem;background: url(../../images/wap/special/zhuantimoban_ziyuanditu.png) no-repeat center center;background-size: 100% auto;}
.sp-icon-news{display: block;float:left;width: 0.8rem;height: 1.2rem;background: url(../../images/wap/special/zhuantimoban_candikuaixun.png) no-repeat center center;background-size: 100% auto;}

.sp-sell-wrap li{float: left;width: 50%;box-sizing: border-box;border-right: 1px solid #f5f2f3;background: #fff;border-bottom: 1px solid #f5f2f3;height: 4.4rem;}
.sp-sell-wrap .pic{width: 2.2rem;height: 2.2rem;margin:0.2rem auto;}
.sp-sell-wrap .pic img{display: block;width: 100%;height: 100%;}
.sp-sell-wrap .info{padding:0 0.3rem;}
.sp-sell-wrap .info p{line-height: 0.4rem;}
.sp-sell-wrap .title{font-size: 0.28rem;color: #222;margin-bottom: 0.1rem;height: 0.8rem;overflow: hidden;}
.sp-sell-wrap .price{font-size: 0.32rem;}
.sp-sell-wrap .desc{color: #999;font-size: 0.24rem;}
.sps-more{display:block;text-align: center;height: 0.68rem;line-height: 0.68rem;font-size: 0.24rem;color:#bbb;}
.sps-more>span{padding-right:0.5rem;background: url(../../images/wap/special/zhuantimoban_genduo.png) no-repeat right center;background-size: 0.4rem auto;}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
/* .spc-box li{width: 1.2rem;} */
}